<template>
    <a-table :columns="columns" :data-source="data" bordered size="small" :pagination="false"> </a-table>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
const columns = [
    {
        title: '预警线组成',
        children: [
            {
                title: '序号',
                dataIndex: 'xh',
                key: 'xh',
                width: 60,
                align: 'center',
            },
            {
                title: '项目',
                dataIndex: 'xm',
                key: 'xm',
                width: 120,
                align: 'center',
            },
            {
                title: '预警颜色（可配置）',
                dataIndex: 'wc',
                key: 'wc',
                width: 120,
                align: 'center',
            },
            {
                title: '预警时点',
                dataIndex: 'wt',
                key: 'wt',
                width: 120,
                align: 'center',
            },
            {
                title: '说明',
                dataIndex: 'dsc',
                key: 'dsc',
                width: 120,
                align: 'center',
            },
        ],
    },
];

const data = [
    {
        xh: 1,
        xm: '工资支出预警',
        wc: '红色',
        wt: '库款余额（除去定向支出）<本期工资预算数',
        dsc: '本期工资发放后预警更新',
    },
    {
        xh: 2,
        xm: '三保支出预警',
        wc: '橙色',
        wt: '库款余额（除去定向支出）<本期三保预算数',
        dsc: '本期三保（工资）支出执行后预警更新',
    },
    {
        xh: 3,
        xm: '还本付息支出预警',
        wc: '黄色',
        wt: '库款余额（除去定向支出、三保支出预算合计）<本期还本付息支出计划',
        dsc: '本期三保（工资）、还本付息支出执行后预警更新',
    },
    {
        xh: 4,
        xm: '定向支出预警',
        wc: '绿色',
        wt: '库款余额（除去三保支出预算合计、还本付息支出计划）<定向支出',
        dsc: '本期三保（工资）、还本付息支出执行后预警更新',
    },
];

export default defineComponent({
    components: {},
    setup() {
        return {
            data,
            columns,
        };
    },
});
</script>
